<template>
  <div id="exampleView">
    <MdEditor :handle-change="onMdChange" :value="mdValue" />
    <CodeEditor :handle-change="onCodeChange" :value="codeValue" />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import MdEditor from '@/components/MdEditor.vue';
import CodeEditor from '@/components/CodeEditor.vue';

const codeValue = ref(' ');
const mdValue = ref(' ');

const onMdChange = (v: string) => {
  mdValue.value = v;
};

const onCodeChange = (v: string) => {
  codeValue.value = v;
};
</script>
